<#import "../layout/layout.ftl" as layout>

<#macro title>
    <title>产品详情--车壹--提供新车报价、汽车价格查询服务、买车上车壹网、支持新车团购，新车交易，上门试驾，智能选车服务</title>
</#macro>
<#assign title = title in layout />

<#macro mainjs>
<script>seajs.use('${staticDomain}/assets/static/${staticVersion}/pc/js/product/details.js');</script>
</#macro>
<#assign mainjs = mainjs in layout />

<@layout.layout>
<div class="main-wrapper main-content proddetails">
	<div class="container">
		<section class="bread">
			<!-- <p class="fs-14">当前位置：<a href="/index.htm">首页</a> > <a href="javascript:void(0);">上海大众</a> > <a href="javascript:void(0);">途观</a> > 途观 2016款 300 TSI 自动两驱豪华版</p> -->
		</section>


		<section class="details-top clearfix">
			<div class="f-l top-slide">
				<div class="big-box">
					<ul>
						<!-- <li class="active"><img class="lazyload" data-original="${staticDomain}/assets/static/${staticVersion}/pc/img/default-01.png"></li>
						<li><img src="${staticDomain}/assets/static/${staticVersion}/pc/img/default-01.png"></li>
						<li><img src="${staticDomain}/assets/static/${staticVersion}/pc/img/default-01.png"></li>
						<li><img src="${staticDomain}/assets/static/${staticVersion}/pc/img/default-01.png"></li>
						<li><img src="${staticDomain}/assets/static/${staticVersion}/pc/img/default-01.png"></li> -->
					</ul>
				</div>
				<div class="small-box">
					<ul class="clearfix">
						<!-- <li class="f-l first active"><img class="lazyload" data-original="${staticDomain}/assets/static/${staticVersion}/pc/img/default-01.png"></li>
						<li class="f-l"><img class="lazyload" data-original="${staticDomain}/assets/static/${staticVersion}/pc/img/default-01.png"></li>
						<li class="f-l"><img class="lazyload" data-original="${staticDomain}/assets/static/${staticVersion}/pc/img/default-01.png"></li>
						<li class="f-l"><img class="lazyload" data-original="${staticDomain}/assets/static/${staticVersion}/pc/img/default-01.png"></li>
						<li class="f-l"><img class="lazyload" data-original="${staticDomain}/assets/static/${staticVersion}/pc/img/default-01.png"></li> -->
					</ul>
				</div>
			</div>

			<div class="f-l top-info">
				<h1 class="fs-22 strong">--</h1>
				<div class="select-model clearfix">
					<div class="f-l text">
						<p class="fs-15">--</p>
						<i class="arrow"></i>
						<div class="drop">
							<ul>
								<!-- <li class="fs-15">2016款 300 TSI 自动两驱豪华版</li>
								<li class="fs-15">2016款 300 TSI 自动两驱豪华版</li>
								<li class="fs-15">2016款 300 TSI 自动两驱豪华版</li>
								<li class="fs-15">2016款 300 TSI 自动两驱豪华版</li>
								<li class="fs-15">2016款 300 TSI 自动两驱豪华版</li> -->
							</ul>
						</div>
					</div>
				</div>
				<div class="price clearfix">
					<h2 class="f-l strong fs-36">￥--万</h2>
					<div class="f-l">
						<h4 class="fs-16"><i></i>优惠：<span>￥--万</span></h4>
						<h3 class="fs-16">指导价：<span class="del">￥--万</span></h3>
					</div>
					<div class="f-r type-box" style="display: none;">
						<a href="javascript:void(0);" class="t-c fs-17 type-1">车价计算</a>
						<a href="javascript:void(0);" class="t-c fs-17 type-2">融资租赁</a>
					</div>
				</div>
				<div class="color clearfix">
					<h2 class="f-l fs-16">车身颜色：</h2>
					<ul class="f-l clearfix">
						<!-- <li class="f-l" style="background-color: #e60012;" data-tip="中国红"><span></span></li>
						<li class="f-l active" style="background-color: #ffffff;" data-tip="极地白"><span></span></li>
						<li class="f-l" style="background-color: #ffcd77;" data-tip="柠檬黄"><span></span></li>
						<li class="f-l" style="background-color: #00479d;" data-tip="中国蓝"><span></span></li>
						<li class="f-l" style="background-color: #fafafa;" data-tip="银色"><span></span></li>
						<li class="f-l" style="background-color: #500a0f;" data-tip="咖啡色"><span></span></li>
						<li class="f-l" style="background-color: #000000;" data-tip="深沉黑"><span></span></li> -->
					</ul>
				</div>
				<div class="city clearfix">
					<h2 class="f-l fs-16">提车城市：</h2>
					<div class="f-l select-city clearfix">
						<div class="f-l text">
							<p class="fs-15">杭州</p>
							<i class="arrow"></i>
							<div class="drop">
								<ul>
									<!-- <li class="fs-15">绍兴</li>
									<li class="fs-15">宁波</li>
									<li class="fs-15">诸暨</li>
									<li class="fs-15">富阳</li>
									<li class="fs-15">嵊州</li> -->
								</ul>
							</div>
						</div>
					</div>
				</div>
				<div class="btn-box clearfix">
					<#if isLogin>
					<div class="f-l btn-ensure clearfix" data-able="true">
					<#else>
					<div class="f-l btn-ensure clearfix" data-able="false">
					</#if>
						<p class="f-l fs-26">立即订车</p>
						<span class="f-l fs-18">定金：￥1000</span>
					</div>
				</div>
			</div>
		</section>

		<section class="details-main">
			<div class="tabnav" id="proddetails-bright">
				<ul class="clearfix" id="details-tabnav">
					<li class="active"><a class="fs-18 t-c" href="#proddetails-bright">车型配置亮点</a><span class="fs-14">|</span></li>
					<li><a class="fs-18 t-c" href="#prod-param-box">车型参数配置</a><span class="fs-14">|</span></li>
					<li><a class="fs-18 t-c" href="#prod-process-box">购车流程</a></li>
					<li style="display: none;"><a class="f-l fs-18 t-c">购买咨询</a></li>
				</ul>
			</div>

			<div class="tablist">
				<ul>
					<li class="desc" id="proddetails-desc">
						
					</li>
					<li class="clearfix first" id="prod-param-box">
						<!-- <table cellpadding="0" cellspacing="0" class="f-l">
							<tr>
								<th colspan="2" class="t-c fs-13 strong">基本参数</th>
							</tr>
							<tr>
								<td class="t-r fs-12">级别</td>
								<td class="t-c fs-12">中大型车</td>
							</tr>
						</table> -->
					</li>
					<li class="ask" style="display: none;">
						<div class="text-box">
							<i></i>
							<textarea placeholder="请输入您要咨询的内容，我们将尽快做出回复。" class="fs-15"></textarea>
						</div>
						<div class="btn-box clearfix">
							<a href="javascript:void(0);" class="f-r t-c fs-18 strong">提 交</a>
						</div>
					</li>
				</ul>
			</div>
		</section>


	</div>
</div>
<#include "calculator.ftl"/>
</@layout.layout>